.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mb60{margin-bottom: 60px;}
.ml5{margin-left: 5px;}
.ml15{margin-left: 15px;}
.ml_15{margin-left: -15px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml50{margin-left: 50px;}
.ml100{margin-left: 100px;}
.mt10{margin-top: 10px;}
.mt_10{margin-top: -10px;}
.mt_15{margin-top: -15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.ml30{margin-left: 30px;}
.ml50{margin-left: 50px;}
.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb50{ margin-bottom: 50px; }
.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr_15{ margin-right: -15px; }
.mr20{ margin-right: 20px; }
.mr30{ margin-right: 30px; }
.mr50{ margin-right: 50px; }
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt50{padding-top: 50px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb50{padding-bottom: 50px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr50{padding-right: 50px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl50{padding-left: 50px;}
.p10{padding: 10px;}
.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.p50{padding: 50px;}

.c999{ color: #999; }
.ccc{ color: #ccc; }
.c000{ color: #000; }
.c939393{ color: #939393; }
.c666{ color: #666; }
.c333{ color: #333; }
.c808080{ color: #808080; }
.b2b2b2{ color: #B2B2B2; }
.c5f5f5d{ color: #5f5f5d; }
.a6a6a6{ color: #a6a6a6; }
.c25282d{ color: #25282d; }
.c3eaf0e{ color: #3eaf0e; }
.cfff{ color: #fff; }
.f10{ font-size: 10px; }
.f12{ font-size: 12px; }
.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{ font-size: 18px; }
.f22{ font-size: 22px; }
.f24{ font-size: 24px; }
.f30{ font-size: 30px; }
.f50{ font-size: 50px; }

.ti20{ text-indent: 20px; }
.ti24{ text-indent: 24px; }
.ti28{ text-indent: 28px; }
.ti32{ text-indent: 32px; }
.ti36{ text-indent: 36px; }
.ti44{ text-indent: 44px; }
.ti48{ text-indent: 48px; }
.fb{ font-weight: bold; }

.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}

.oh{overflow: hidden;}
.ov{overflow: visible;}

.db{ display: block; }
.dl{ display: inline-block; }

.lh150{ line-height: 150%; }
.lh180{ line-height: 180%; }
.lh200{ line-height: 200%; }

.margined0{margin: 0;}
.mt0{margin-top: 0;}

.vm{ vertical-align: middle; }

.title h1 span,
.title h3 span{font-size: 22px;color: #3eaf0e; }
.title h3 span{font-size: 18px;}
.title h3{margin-bottom: 0; font-size: 18px;}
.title h2 a{font-size: 14px;color: #333; }
.title h2 a span{font-size: 14px;color: #3eaf0e; }

.title .nav-tabs{ border-bottom-width: 2px; position: relative; }
.title.shop_nav .nav-tabs{ border-bottom: 4px solid #b3b3b3; position: relative; }
.shop_nav .nav-theme2 > li.active > a,.shop_nav .nav-theme2 > li.active > a:hover,.shop_nav .nav-theme2 > li.active > a:focus { border-bottom-width: 4px; }
.shop_nav .nav-tabs > li{ margin-bottom: -4px; }

.title .nav-tabs .more{ position: absolute; right: 0; bottom: 0; }
.title.blog .nav-tabs{ border-bottom-width: 5px; }

.mybar .btn{border: none; top: 1px; right: 0; background: transparent;}
.btn-more{ background: #fff; border: 2px solid #222; border-radius: 0; color: #000; font-style: italic; font-weight: 600;padding: 6px 24px; }
.btn-more:hover{ background: #222; color: #fff; transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out; }

/* nav */
.navbar .top-bar{background: #fff;}
.navbar .main-nav{background: #24292E;}

/* 省略号 */
.ellipsis
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ellipsis-3
{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.ellipsis-2
{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.graphics .thumbnail{ margin-bottom: 0; }
.caption h4{margin-bottom: 2px;}
/* 精品推荐详情 */
.color-choice{ text-align: center; background:#9ed786; width: 45px; height: auto; display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; }
.color-choice img{  margin-top: 5px; }
.color-choice em{ display: block; margin: 0; padding: 0; font-style: normal; color: #fff; padding: 4px;}
.media-body .btn{ padding: 0 6px; border-radius: 0;background: #9ed786;color: #fff; }
.media-body .btn-reserve{ padding: 4px 36px; }
.media-body .btn-share{ padding: 2px 12px; background: #DBDCDD; color: #999; }
.media-body .btn-attention{ padding: 2px 12px; background: #9DA1A1; }
.divider-dotted{ width: 100%; height: 2px; background:url(../images/line_dotted.png); margin-bottom: 10px; }
.image-lists p{ margin-bottom: 28px; background: #f1f1f1; text-align:center;}
.image-side > div > h4{ background: #E6E6E6; margin: 0; padding-bottom: 10px; padding-top: 10px; text-align: center; color: #000; font-size: 18px; }
.image-side > div > p{  text-align: justify; color: #b2b2b2; font-size: 14px; padding-top: 20px; line-height: 180%; }
.image-side > div.shopping_directory > p{  text-align: justify; padding-top: 0; margin-bottom: 0;}
.image-side .master-comment{ margin-left: -7px; }
.image-side .comment{ margin-bottom: 10px; }
.btn-comment{ padding: 4px 36px; border-radius: 0; background: #3EAF0E; color: #fff; }
.image-side .media{ margin-top: 5px; }
.image-side .master-comment .word{  border-left: 3px solid #9ed786; padding-left: 4px;font-size: 16px; }
.image-side .master-comment .line{  display:block; position: absolute; border-bottom: 1px solid #CBCCCD; width: 100%; bottom: 5px;left: 75px; }
.media-body .btn.increase,
.media-body .btn.reduce{ padding: 0px 6px; background: #939393; font-size: 16px;}
.media-body .btn.number{ padding: 0px 12px; background: #dcdcdc; font-size: 16px; color: #333;}
.media-list .caption{ background: #f0f0f0; padding: 10px; margin-top: 10px;}
.media-list .caption h4{ margin-top: 0; margin-bottom: 12px;}
.blog-item .thumbnail{ margin-bottom: 0px; }
.blog-item .caption h3{ font-size: 21px; margin-top: 0px; }
.blog-item{border: 1px solid #ddd;}
.blog-item p span{ font-size: 12px; color: #333; }
.footer-nav{ background: #F6F7F8; }
.foot-theme{ background: #25282d; }
.default-theme{ color: #3eaf0e; }
.bg-theme{ background-color: #F1F1F1; }
.bg-green-theme{ background-color: #3EAF0E; }
.bg-lgreen-theme{ background-color: #9ed786; }

/* 友情链接等底部信息 */
.copyright{ position: relative; margin:0; padding: 0; margin-bottom: 10px;}
.copyright li{ position: relative; float: left;}
.copyright li a,
.copyright li span{ color: #5f5f5d; font-size: 12px; }
.copyright li span{ padding: 0 10px; }
.business_cooperation{ margin-top: 38px; }
.business_cooperation > a{ background: url(../images/foot_coor.png) -19px center; width: 27px; height: 20px; margin-right: 28px;margin-bottom: 28px;}
.business_cooperation > a.weibo{ background: url(../images/foot_coor.png) -71px center;}
.business_cooperation > a.douban{ background: url(../images/foot_coor.png) -120px center;}
.backTop > a{ display: block; margin-bottom: 4px;}

/* 幻灯片左右按钮 */
.carousel-control{ top: 50%; font-size: 30px; margin-top: -30px; }
.carousel-control.left,
.carousel-control.right{
	background-image:none;
}

/* 推荐设计师 */
.recommended-design .media > .pull-left{ margin-right: 17px; padding-right: 0; width: 120px; height: 120px; }
.recommended-design .media > .pull-left img{ width: 100%; height: 100%; }
.recommended-design .media .media-body .male{ background: url(../images/man.png) no-repeat left; width: 39px; height: 47px; margin-top: 5px; margin-bottom: 5px;  }
.recommended-design .media .media-body .female{ background: url(../images/women.png) no-repeat left; width: 29px; height: 50px; margin-top: 3px; margin-bottom: 3px;  }
.recommended-design .pr-btn{ position: absolute; right: 0px; bottom: 10px; }
.recommended-design .pr-btn .btn-black{ background: #222; border-radius: 0; color: #fff; }

/* 博文 */
.bowen-wrap .blog-item .thumbnail{ padding: 5px;  }
.bowen-wrap .blog-item .caption .link{ color: #3EAF0E;  }

/* 设计师展厅 */
.designer-title .head_scu img{ height: 144px;	}
.designer-title .qr_code{ position: absolute; right: 15px;	}
.designer-title .qr_code > div >img{ height: 120px; }
.designer-graphics{ background: #F7F7F7; padding: 37px 60px 20px; margin-bottom: 22px; }
.blog-content > p{ margin-bottom: 30px; text-indent: 28px; line-height: 180%; text-align: justify; }
.blog-content > img{ margin-bottom: 30px; width: 100%; }

/* shop */
.shop-title .head_scu img{ height: 82px; width: 82px; border: 1px solid #d6f68c;border-radius: 100%; }
.shop-title .btn{ border-radius: 0; background: #9fa1a0; }
.shop-title .form-control{ border-radius: 0; }
/*.shop-title .input-group-addon{ border-radius: 0; background: #fff; background-image: none; }*/
/* 评论区 */
.zj-comment .head{ background: #E6E6E6; padding: 10px; }
.zj-comment .media-list{ border-top: 1px solid #ccc; padding-top: 15px; margin-top: 30px; }
.zj-comment .media-list .media{ border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.zj-comment .media-list .media .media-object{ border-radius: 100%;}
.zj-defaultBtn{ background: #3EAF0E; color: #fff; border-radius: 0; }
.zj-btnSm.btn{ padding: 1px 10px; }
.zj-textarea .form-control{ border-radius: 0; }
.zj-seacher .form-control{ border-radius: 0; }
.zj-seacher .btn-theme,.btn-theme{ background: #3EAF0E; color: #fff; border-radius: 0;}
.btn-black{ background: #535353; color: #fff; border-radius: 0;}
.btn-black:hover{  color: #F9F9F9;}
.zj-seacher .btn-big,.btn-big{ padding: 6px 36px;}
.zj-homepage .recommended-design{ border-bottom: 2px solid #ddd; }
.nav-tabs.no-borderBottom{border-bottom: 0;}
.myMedia > .pull-left{ border: 1px solid #ddd; padding: 10px; }
.divider_bottom{ border-bottom: 2px solid #ddd; }
.scroll-hide{ transform: translateY(-100px);-webkit-transform: translateY(-100px);-moz-transform: translateY(-100px); }


body {
	padding-top: 150px;
}

@media (max-width: 768px) {
	body { padding-top: 50px; }
}

